<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery1.9/jquery-1.9.0.js"></script>
    <script>
        $(function(){
            $("input:eq(0)").click(function(){
            //    :input表示 选择所有 input, textarea, select 和 button 元素
               console.log( $("form :input").length);
               $("form :input").css("background","red");
            });
            $("input:eq(1)").click(function(){
                console.log($("form :text").length);
                $("form :text").css("background","blue");
            });
            $("input:eq(2)").click(function(){
                // console.log($("form :radio").length);
                var  radios=$("form :radio");//jQuery对象集合
                // for(var i=0;i<radios.length;i++){
                //     console.log(radios[i].value);//DOM对象.value
                //     console.log($(radios[i]).val());//$(DOM对象).val()
                // }
                //使用jQuery提供的工具函数each()进行循环遍历操作
                // $.each(遍历对象,function(index,item){});
                $.each(radios,function(index,item){
                    // console.log(index);//索引
                    // console.log(item.value);//DOM对象.value
                    // console.log($(item).val());//jQuery对象.val()
                    console.log(this===item);//true
                });
            });
            $("input:eq(3)").click(function(){
                // :button包含input中的type="button" 和button标签
                console.log($("form :button").length);
                $("form :button").css("background","blue");
            });
            $("input:eq(4)").click(function(){
                
                console.log($("form :input:enabled").length);
                $("form :input:enabled").css("background","blue");
            });
            $("input:eq(5)").click(function(){
                // :checked包含单选按钮、复选框、下拉列表被选中
                console.log($("form :checked").length);
                $.each($("form :checked"),function(index,item){
                    console.log(item);
                });
                
            });
            $("input:eq(6)").click(function(){
                
                console.log($("form :selected").length);
               
            });
        });
    </script>
</head>
<body>
    <input type="button" value="选择表单中所有的:input">
	<input type="button" value="选择表单中所有的单行文本框">
	<input type="button" value="选择表单中所有单选按钮">
	<input type="button" value="选择所有的button按钮">
	<input type="button" value="选择表单中所有可用的:input	">
	<input type="button" value="选择表单中被选中的单选按钮和复选框,下拉框">
	<input type="button" value="选择表单中被选中的下拉列表项">
	<hr>
	<form action="">
		用户名： <input type="text" disabled="disabled"><br>
		密码：<input type="password" name="" id=""><br>
		性别：<input type="radio" name="sex" value="male">男 
			<input type="radio" name="sex" value="female">女<br>
		爱好：<input type="checkbox" name="hobby" value="eat">吃饭
			<input type="checkbox" name="hobby" value="sleep">睡觉
			<input type="checkbox" name="hobby" value="doudou">打豆豆<br>
		头像：<input type="file">	<br>
		学历：<select multiple>
			<option value="1">高中</option>
			<option value="2">大专</option>
			<option value="3">本科</option>
			<option value="4">研究生</option>
		</select>
		简介：<textarea rows="5" cols="10"></textarea><br>
		<input type="submit" value="提交">
        <input type="reset" value="重置">
        <button type="button">我是按钮</button>
        <input type="button" value="我是按钮">
		
	</form>
</body>
</html>